<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:fragment="head(title)">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <title th:replace="${title}">管理员管理</title>
    <script th:src="@{/style/js/jquery.min.js}"></script>
    <link rel="stylesheet" th:href="@{/style/css/default.css}">
    <link rel="stylesheet" th:href="@{/style/css/bootstrap-table.css}">
    <link rel="stylesheet" th:href="@{/style/css/bootstrap-icons.css}">
    <link rel="stylesheet" th:href="@{/style/css/bootstrap-table.min.css}">
    <link rel="stylesheet" th:href="@{/style/css/fileinput.min.css}">
    <script th:src="@{/style/js/bootstrap.min.js}"></script>
    <script th:src="@{/style/js/bootstrap-table.min.js}"></script>
    <script th:src="@{/style/js/bootstrap-table-zh-CN.min.js}"></script>
    <script th:src="@{/style/js/fileinput.min.js}"></script>
    <script th:src="@{/style/js/zh.js}"></script>
    <script th:src="@{/style/js/sweetalert.min.js}"></script>
    <script th:src="@{/style/js/custom.js}"></script>
    <script th:src="@{/style/js/dayjs.min.js}"></script>
    <script th:src="@{/style/js/main.js}"></script>
    <script th:src="@{/style/js/cipher-core.js}"></script>
    <script th:src="@{/style/js/core.js}"></script>
    <script th:src="@{/style/js/md5.js}"></script>
</head>

<!--头部导航栏信息-->
<header th:fragment="header">
    <!--头部信息部分  begin-->
    <header>
        <div class="headerwrapper">
            <div class="header-left">
                <a th:href="@{/adminBook/admin}" class="logo">
                    <span class="lead text-muted">后台管理系统</span>
                </a>
                <div class="pull-right">
                    <a href="" class="menu-collapse">
                        <i class="fa fa-bars"></i>
                    </a>
                </div>
            </div><!-- header-left -->

            <div class="header-right">
                <div class="pull-right">
                    <div class="btn-group btn-group-option">
                        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                            <img class="img-circle avatar-img" alt="" th:src="@{/style/images/profile.png}">
                            <span class="user-name" th:text="${session.admin.name}">用户名</span>
                            <i class="fa fa-caret-down"></i>
                        </button>
                        <ul class="dropdown-menu pull-right" role="menu">
                            <li><a href="#updateInfo" data-toggle="modal"><i class="glyphicon glyphicon-user"></i>个人信息</a></li>
                            <li><a href="#updatePass" data-toggle="modal"><i class="glyphicon glyphicon-cog"></i>密码修改</a></li>
                            <li class="divider"></li>
                            <li><a th:href="@{/loginOut}"><i class="glyphicon glyphicon-log-out"></i>注销</a></li>
                        </ul>
                    </div><!-- btn-group -->
                </div><!-- pull-right -->
            </div><!-- header-right -->
        </div><!-- headerwrapper -->
    </header>
    <!--头部信息部分 end-->
</header>

<!--侧边左边导航栏部分-->
<div class="leftpanel" th:fragment="leftMain(n)">
    <div class="media profile-left">
        <a class="pull-left profile-thumb" href="profile.html">
            <img class="img-circle" th:src="@{/style/images/profile.png}" alt="">
        </a>
        <div class="media-body">
            <h4 class="media-heading" th:text="${session.admin.name}">用户名</h4>
            <span class="user-options">
                              <a href="#updateInfo" data-toggle="modal" title="个人信息修改"><i class="glyphicon glyphicon-user"></i></a>
                              <a href="#updatePass" data-toggle="modal" title="修改密码"><i class="glyphicon glyphicon-cog"></i></a>
                              <a th:href="@{/loginOut}"><i class="glyphicon glyphicon-log-out"></i></a>
							</span>
        </div>
    </div><!-- media -->

    <ul class="nav nav-pills nav-stacked">
        <li th:classappend="${n  == 1} ? 'active'"><a th:href="@{/adminBook/admin}"><i class="fa fa-book"></i> <span>图书管理</span></a></li>
        <li th:classappend="${n  == 2} ? 'active'"><a th:href="@{/adminOrder/toOrder}"><i class="fa fa-align-justify"></i> <span>订单管理</span></a></li>
        <li th:classappend="${n  == 3} ? 'active'"><a th:href="@{/adminUser/toUser}"><i class="fa fa-users"></i> <span>用户管理</span></a></li>
        <li th:classappend="${n  == 4} ? 'active'"><a th:href="@{/admin/toAdmin}"><i class="fa fa-database"></i> <span>管理员管理</span></a></li>
    </ul>
</div>


